<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>徐中堂61</title>
  <script src="vue.js" type="text/javascript" charset="UTF-8"></script>
</head>
<body>
<div id="app">
  {{msg}}
  <p v-html="rawHtml"></p>
  <div v-bind:class="color">徐中堂61</div>
  <p>{{number + 1}}</p>
  <p>{{1 == 1?'YES' : 'No'}}</p>
  <p>{{message.split('').reverse().join('')}}</p>

</div>
<script type="text/javascript">
var vm = new Vue({
    el:"#app",
    data:{
        msg:"你好vue",
        rawHtml :'<span style="color: red">颜色是红色</span> ',
        color:'blue',
        number:10,
        ok:1,
        message:"徐中堂"
    }
})
  vm.msg="你好vue";
</script>
<style type="text/css">
  .red{color: red;}
  .blue{color:blue;font-size: 50px;}
</style>
</body>
</html>
